<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ include file="/WEB-INF/views/public/main.jsp"%>
<ul>
	<li><a href="#">City</a></li>
</ul>
<div id="cityModule" class="tab_padding">
<script type="text/javascript" src="${resourceUrl}/js/module_city.js"></script>
	<h3>Search Cities</h3>
	<c:choose>
		<c:when test="${stateList.size() > 0}">
			<table id="cityModule_search_table">
				<tr>
					<td>State</td>

					<td><select name="stateToSearchList" id="stateToSearchList">
							<c:forEach var="state" items="${stateList}">
								<option value="${state.getId()}" <c:if test='${defaultStateId == state.getId()}'> selected="selected" </c:if> >${state.getName()}</option>
							</c:forEach>
					</select></td>
				</tr>
				<tr>
					<td>District</td>

					<td><select name="districtToSearchList" id="districtToSearchList">
							<c:forEach var="district" items="${districtList}">
								<option value="${district.getId()}">${district.getName()}</option>
							</c:forEach>
					</select></td>
				</tr>
				<tr>
					<td><button id="cityModule_search_button"
							class="customButton">Search</button>
					</td>
				</tr>
			</table>
		</c:when>
		<c:otherwise>
			<p>No State/District available to add city.</p>
		</c:otherwise>
	</c:choose>
</div>
